@font-face {
    font-family: "Din";
    src: url('../font/bb2313.ttf'), url("../font/Regular.otf")
}

body {
    font-family: "AlibabaPuHuiTiR";
    color: #fff
}

.bg {
    width: 1000px;
    height: 1800px;
    background: url('../img/bg3.png')no-repeat;
    z-index: -10;
}

.header {
    width: 390px;
    height: 59px;
    text-align: center;
    margin-top: 2%;
    margin-left: 31%;
    font-size: 32px;
    font-weight: 1000;
    /* border: solid 1px red; */
}

.tab1 {
    width: 1020px;
    height: 160px;
    margin-top: 4.8%;
    margin-left: 2%;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    /* border: solid 1px red; */
}

.tab1name {
    width: 650px;
    height: 20px;
    margin-top: 6.2%;
    margin-left: 1.7%;
    text-indent: 1em;
    /* border: solid 1px red; */
    font-size: 18px;
    font-family: Alibaba PuHuiTi;
    font-weight: 800;
    color: #FFFFFF;
    background: linear-gradient(180deg, #DBE5F0 0%, #B4D3F6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* float: left; */
}

.note {
    width: 650px;
    height: 120px;
    margin-top: 1.5%;
    margin-left: 1.7%;
    text-indent: 2em;
    /* border: solid 1px red; */
    float: left;
}

.infotab {
    width: 250px;
    height: 110px;
    margin-top: -3%;
    margin-left: 7%;
    /* float: left; */
    /* border: solid 1px red; */
    float: left;
}

.dutyname {
    width: 100px;
    height: 20px;
    margin-top: 4.4%;
    margin-left: 1.7%;
    text-indent: 0em;
    /* border: solid 1px red; */
    font-size: 18px;
    font-family: Alibaba PuHuiTi;
    font-weight: 800;
    color: #FFFFFF;
    background: linear-gradient(180deg, #DBE5F0 0%, #B4D3F6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.duty {
    height: 20px;
    margin-top: 7%;
    /* border: solid 1px red; */
}

.weathername {
    width: 100px;
    height: 28px;
    margin-top: 6.5%;
    margin-left: 1.7%;
    text-indent: 0em;
    /* border: solid 1px red; */
    font-size: 18px;
    font-family: Alibaba PuHuiTi;
    font-weight: 800;
    color: #FFFFFF;
    background: linear-gradient(180deg, #DBE5F0 0%, #B4D3F6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.weather {
    height: 20px;
    margin-top: 4%;
    /* border: solid 1px red; */
}

.tab2name {
    width: 100px;
    height: 24px;
    margin-top: 4%;
    margin-left: 49.5%;
    text-indent: 0em;
    /* border: solid 1px red; */
    font-size: 18px;
    font-family: Alibaba PuHuiTi;
    font-weight: 800;
    color: #FFFFFF;
    background: linear-gradient(180deg, #DBE5F0 0%, #B4D3F6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tab2 {
    width: 1020px;
    height: 60px;
    margin-top: 10%;
    margin-left: 2%;
    text-align: center;
    font-size: 50px;
    line-height: 24px;
    font-weight: 530;
    font-family: "Din";
    /* border: solid 1px red; */
}

.yd {
    width: 200px;
    height: 37px;
    margin-top: 0.1%;
    margin-left: 4.4%;
    padding-top: 1.8%;
    float: left;
    font-family: "Din";
    /* border: solid 1px red; */
}

.sd {
    width: 200px;
    height: 37px;
    margin-top: 0.15%;
    margin-left: 4.2%;
    padding-top: 1.8%;
    font-family: "Din";
    /* border: solid 1px red; */
    float: left;
}

.qj {
    width: 200px;
    height: 37px;
    margin-top: 0.15%;
    margin-left: 4.2%;
    padding-top: 1.8%;
    font-family: "Din";
    /* border: solid 1px red; */
    float: left;
}

.wd {
    width: 200px;
    height: 37px;
    margin-top: 0.15%;
    margin-left: 4.2%;
    padding-top: 1.8%;
    font-family: "Din";
    /* border: solid 1px red; */
    float: left;
}

.tab3 {
    width: 1020px;
    height: 26px;
    margin-top: 0.3%;
    margin-left: 2%;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    /* border: solid 1px red; */
}

.yd1 {
    width: 200px;
    height: 22px;
    margin-top: 0.1%;
    margin-left: 4.37%;
    float: left;
    font-family: Alibaba PuHuiTi;
    /* border: solid 1px red; */
}

.sd1 {
    width: 200px;
    height: 22px;
    margin-top: 0.1%;
    margin-left: 4.38%;
    float: left;
    font-family: Alibaba PuHuiTi;
    /* border: solid 1px red; */
}

.qj1 {
    width: 200px;
    height: 22px;
    margin-top: 0.1%;
    margin-left: 4.2%;
    float: left;
    font-family: Alibaba PuHuiTi;
    /* border: solid 1px red; */
}

.wd1 {
    width: 200px;
    height: 22px;
    margin-top: 0.1%;
    margin-left: 4.5%;
    float: left;
    font-family: Alibaba PuHuiTi;
    /* border: solid 1px red; */
}

.tab4name {
    width: 120px;
    height: 24px;
    margin-top: 20.9%;
    margin-left: 6.0%;
    text-indent: 0em;
    /* border: solid 1px red; */
    font-size: 18px;
    font-family: Alibaba PuHuiTi;
    font-weight: 800;
    color: #FFFFFF;
    background: linear-gradient(180deg, #DBE5F0 0%, #B4D3F6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tab4 {
    width: 1020px;
    height: 620px;
    margin-top: 13%;
    margin-left: 2%;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    /* border: solid 1px red; */
}

.imgdiv {
    width: 536px;
    height: 601px;
    margin-top: 1.1%;
    margin-left: 24%;
    /* border: solid 1px red; */
    background: url('../img/kuang.png')no-repeat;
}

.imgclass {
    width: 89%;
    height: 90%;
    margin-top: 5.5%;
    margin-left: -3%;
    z-index: 10;
    border-radius: 20px;
    background-position: center;
    /* background-size: 90% 90%; */
}

.tab5 {
    width: 1020px;
    height: 270px;
    margin-top: 1%;
    margin-left: 2%;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    font-family: "Alibaba PuHuiTi";
    /* border: solid 1px red; */
    float: left;
}

.info_qd1 {
    width: 380px;
    height: 260px;
    margin-top: 0%;
    margin-left: 31.5%;
    /* border: solid 1px red; */
    text-align: left;
    float: left;
    text-indent: 0em;
    /* border: solid 1px red; */
    font-size: 18px;
    font-family: Alibaba PuHuiTi;
    font-weight: 800;
    color: #FFFFFF;
    background: linear-gradient(180deg, #DBE5F0 0%, #B4D3F6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lab1 {
    /* margin-bottom: 10%; */
    padding-bottom: 5px;
    padding-right: 2px;
    border-bottom: dashed 1px #6D7989;
}

.info_qd {
    width: 250px;
    height: 260px;
    margin-top: -25.5%;
    margin-left: 44%;
    text-align: right;
    float: left;
    /* border: solid 1px red; */
}

.lab {
    /* margin-bottom: 10%; */
    padding-bottom: 5px;
    padding-right: 2px;
    /* border: solid 1px red; */
}
